#navbar-iframe {height : 0;visibility : hidden;display : none;}
body {background-color: #242424;background-position: 2px 1px, 23px 16px,48px 15px, 21px 30px;background-size: 48px 30px;font-size : 75%;color : #000;font-family : Georgia, "Times New Roman", Times, serif;fontsize-adjust : none;font-stretch : normal;font-style : normal;font-variant : normal;font-weight : normal;line-height : normal;margin : 0;text-align : center;}
h1, h2, h3, h6 {font-weight : normal;color : #111;}
h1 {font-size : 2em;line-height : 1;margin-bottom : 0.5em;}
h2 {font-size : 1.5em;margin-bottom : 0.75em;}
h3 {font-size : 1.4em;line-height : 1;margin-bottom : 1em;}
h4 {font-size : 1.2em;line-height : 1.25;margin-bottom : 1.25em;font-weight : 700;}
h5 {font-size : 1em;font-weight : 700;margin-bottom : 1.5em;}
h6 {font-size : 1em;}
p {margin : 0 0 1.5em;}
abbr, acronym {border-bottom : 1px dotted #666;}
address {margin : 0 0 1.5em;font-style : italic;}
pre {margin : 1.5em 0;white-space : pre;}
pre, code, tt {font : 1em 'andale mono', 'lucida console', monospace;line-height : 1.5;}
li ul, li ol {margin : 0;}
ul, ol {margin : 0 1.5em 1.5em 0;padding-left : 1.5em;}
ul {list-style-type : disc;}
ol {list-style-type : decimal;}
a, a:link {color : #007acc;text-decoration : none;}
a:visited {color : #27ae60;text-decoration : none;}
a:hover {color : #5588aa;text-decoration : underline;}
a img {border-width : 0;}

/* KEPALA */
#header-wpr {color : #111;background : #333;margin : 0 auto 0;padding-top : 0;overflow : hidden;height : 100px;width : 960px;}
#header-inner {background-position : center center;margin-left : auto;margin-right : auto;}
#header, .title2 {color : #000;text-align:center;}
#header h1, .title2 {color: #2ecc71;
    text-shadow: 0 0 2px #686868, 0 1px 1px #DDDDDD, 0 2px 1px #D6D6D6, 0 3px 1px #CCCCCC, 0 4px 1px #C5C5C5, 0 5px 1px #C1C1C1, 0 6px 1px #BBBBBB, 0 7px 1px #777777, 0 8px 3px rgba(100, 100, 100, 0.4), 0 9px 5px rgba(100, 100, 100, 0.098), 0 10px 7px rgba(100, 100, 100, 0.15), 0 11px 9px rgba(100, 100, 100, 0.2), 0 12px 11px rgba(100, 100, 100, 0.247), 0 13px 15px rgba(100, 100, 100, 0.298);
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 40px;
font-size-adjust : none;
font-stretch : normal;
font-style : normal;
font-variant : normal;
font-weight : 700;
letter-spacing : -1px;
line-height : normal;
margin : 5px 5px 0;
padding : 10px 10px 3px 0;
text-transform : none;}
#header a, .title2 a {color : #000;text-decoration : none;}
#header a:hover, .title2 a:hover {color : #2ecc71;}
#headerlogo {float : left;display : inline;width : 950px;overflow : hidden;}
#header .description {color : #ecf0f1;font-family : Arial, Helvetica, Sans-serif;font-style : italic;text-align:center;font-weight : normal;letter-spacing : 0;line-height : normal;margin : 0 5px 5px;max-width : 950px;padding : 0 20px 15px 0;text-transform : none;}
#header img {margin-left : auto;margin-right : auto;}

#outer-wrapper {background : none 0% 0% repeat scroll #333;
-webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-box-shadow:0 2px 5px #888; -webkit-box-shadow:0 2px 5px #888; box-shadow:0 2px 5px #888;font-family : Georgia, "Times New Roman", Times, serif;font-size : 12px;font-size-adjust : none;font-stretch : normal;font-style : normal;font-variant : normal;font-weight : normal;line-height : normal;margin : 0 auto;padding : 0 10px 10px 10px;text-align : justify;width : 960px;padding: 10px;}

#main-wpr {float : left;background : #999;-webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-box-shadow:0 2px 5px #888; -webkit-box-shadow:0 2px 5px #888; box-shadow:0 2px 5px #888;color: black;margin : 0;overflow : hidden;width : 608px;padding-top : 10px;padding-right : 10px;padding-left : 10px;}
#custom-box {border : #ddd solid 1px;background : #f9f8f1;color : #111;width : 95%;float : left;font-family : Arial, Helvetica, Sans-serif;font-size : 12px;padding : 10px;margin : 10px 0 10px 0;border-radius : 10px;text-align : left;}

#sidebar-wrapper {border-left : 1px;border-bottom : 1px solid #ddd;background : #ddd;border: 1px solid rgb(51, 51, 51);box-shadow: 0px 0px 3px black inset;color: black;width : 300px;
float : right;padding : 10px;}
.sidebar h2 {color:white; background-color:#333; border-bottom:3px solid #2ecc71; padding:7px 5px; font-size:85%;font-weight:normal; position:relative;font-style : bold;font-size-adjust : none;font-stretch : normal;font-variant : normal;letter-spacing : 0;line-height : 1.5em;margin-bottom : 7px;margin-top : 2px;text-transform : uppercase;text-decoration : none;}

.post { margin-bottom: 10px;padding:10px;background:#F0F0F0;-webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-box-shadow:0 2px 5px #888; -webkit-box-shadow:0 2px 5px #888; box-shadow:0 2px 5px #888}

h2.post-title {text-transform:uppercase;display:block;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;
 font-family:Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial;font-weight:bold;font-size:12px;color:#999;margin: 0;padding:5px;background: #333; line-height: 15px;-webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-box-shadow:0 2px 5px #888; -webkit-box-shadow:0 2px 5px #888; box-shadow:0 2px 5px #888;text-shadow:1px 1px none}

.post {-webkit-transition:all 0.26s ease-out;-moz-transition:all 0.26s ease-out;-ms-transition:all 0.26s ease-out;-o-transition:all 0.26s ease-out;transition:all 0.26s ease-out;border-top:1px solid #444;border-bottom:1px solid #444;margin:.0em 0 10px;padding:0 5px;
}
 h2.post-title a,h2.post-title a:visited,h2.post-title strong {color:#fff;font-family:Arial, verdana, sans-serif; font-size :14px;}
h2.post-title strong,h2.post-title a:hover {color:#2ecc71;text-decoration:none;}

.post-body blockquote {line-height : 1.3em;}
.post-body blockquote {margin:20px;padding: 15px 15px 15px 15px;color:#666;border-left:6px solid #c0c0c0;border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;}blockquote:hover{transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-color:#2ecc71;background:#C4F3D7;-moz-box-shadow:0px 1px 5px #000000;-webkit-box-shadow:0px 1px 5px #000000;}
.post-body blockquote p {margin : 0.75em 0;}
.post-header {margin : 0.75em 0 0.75em 0;padding : 5px;color : #bebebe;letter-spacing : 0.1em;line-height : 1.7em;display : block;}
.post-header a {color : #bebebe;}

.jump-link {margin : 0;padding-top : 10px;font-style : italic;font-size : 11px;float : left;}
.post-footer {border : 0;color : #999;font-style : normal;letter-spacing : 0;margin : 0.3em 0;padding : 10px;text-transform : none;}
.post img {border : 0;padding : 2px;}

/* Mengatur lebar kotak pesan */
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}

/* Pagination */
#blog-pager-newer-link {float : left;}
#blog-pager-older-link {float : right;}
#blog-pager {text-align : center;background-color: #333;padding:5px;-webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-box-shadow:0 2px 5px #888; -webkit-box-shadow:0 2px 5px #888; box-shadow:0 2px 5px #888;}
.feed-links {clear : both;line-height : 2.5em;}

/* SIDEBAR */
.sidebar {color : #111;font-size : 14px;line-height : 1.5em;}
.sidebar ul {list-style-image : none;list-style-position : outside;list-style-type : none;margin : 0;padding : 0;}
.sidebar li {background : transparent;line-height : 1.5em;margin : 0;padding : 0 0 0.25em 10px;}
.sidebar .widget, .main .widget {margin : 0 0 1.5em;}
.main .Blog {border-bottom-width : 0;}
.profile-img {border : #ccc solid 1px;float : left;margin : 0 5px 5px 0;padding : 4px;}
.profile-data {color : #999;font-size : 78%;font-size-adjust : none;font-stretch : normal;font-style : normal;font-variant : normal;font-weight : bold;letter-spacing : 0.1em;line-height : 1.6em;margin : 0;text-transform : uppercase;}
.profile-datablock {margin : 0.5em 0;}
.profile-textblock {line-height : 1.6em;margin : 0.5em 0;}
.profile-link {font-size : 78%;font-size-adjust : none;font-stretch : normal;font-style : normal;font-variant : normal;font-weight : normal;letter-spacing : 0.1em;line-height : normal;text-transform : uppercase;}
#content-wpr {margin : 0 auto 10px;overflow : hidden;padding : 0;width : 960px;}
#comments {font-family : Georgia, Times New Roman;}

/* Breadcrumb */
.breadcrumbs {position: fixed!important; position: absolute; z-index: 100; top: 0; right: 0; left: 0;background-color: #242424; color : #fff;border-radius: 2px;box-shadow: -1px -1px 5px 2px #333;padding : 5px;margin : 0 0 15px 0;font-size : 11px;line-height : 0.7em;border-bottom : 2px double #e6e4e3;}
.breadcrumbs li {list-style-type : none;}

/* No Live Link */
#comments p a {display: none !important; }
/*Pre*/
pre,i[rel="pre"]{display:block;padding:5px .5em 5px 1em;font:normal normal 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;border:2px solid #c5d0e3;position:relative;overflow:auto;word-wrap:normal;white-space:pre;-webkit-user-select:text;-moz-user-select:-moz-text;-moz-user-select:text;-khtml-user-select:text;-ms-user-select:text;user-select:text;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
pre:hover,i[rel="pre"]:hover {background-color: #e6e9f1;}
pre code{display:block;color:#111;margin-top:3px;font:normal normal 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;letter-spacing:0;white-space:pre;overflow:auto;}
pre[rel="HTML"],pre[data-codetype="HTML"]{border-color:#4584BE;}
pre[rel="CSS"],pre[data-codetype="CSS"]{border-color:#5DA028;}
pre[rel="JavaScript"],pre[data-codetype="JavaScript"]{border-color:#545448;}
pre[rel="JQuery"],pre[data-codetype="JQuery"]{border-color:#7073CF;}
pre[rel="JQuery UI"],pre[data-codetype="JQuery UI"]{border-color:#E36B23;}
pre[rel="XML"],pre[data-codetype="XML"]{border-color:#C44032;}
pre[rel="PHP"],pre[data-codetype="PHP"]{border-color:#FF9900;}
pre[rel*="+"],pre[data-codetype*="+"]{border-color:#0B7E88;}
pre .comments,pre .template_comment,pre .diff .header,pre .doctype,pre .lisp .string,pre .javadoc{color:#00BB4B;font-style:italic;}
pre .keyword,pre .css .rule .keyword,pre pre .winutils,pre .javascript .title,pre .method,pre .addition,pre .css .tag,pre .lisp .title{color:#859900;}
pre .number,pre .command,pre .string,pre .tag .value,pre .phpdoc,pre .tex .formula,pre .regexp,pre .hexcolor{color:#9B0909}
pre .title,pre .localvars,pre .function .title,pre .chunk,pre .decorator,pre .builtin,pre .built_in,pre .lisp .title,pre .identifier,pre .title .keymethods,pre .id{color:#103197;}
pre .tag .title,pre .rules .property,pre .django .tag .keyword{font-weight:bold;}
pre .attribute,pre .variable,pre .instancevar,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .title,pre .parent,pre .haskell .label{color:#0499D3;}
pre .preprocessor,pre .pi,pre .shebang,pre .symbol,pre .diff .change,pre .special,pre .keymethods,pre .attr_selector,pre .important,pre .subst,pre .cdata{color:#cb4b16;}
pre .deletion{color:#dc322f;}
pre .tex .formula{background:#073642;}
pre.numbered{border-left-width:2px;}
pre .line-number,pre.numbered code{display:block;line-height:16px;}
pre .line-number{float:left;margin:0 1em 0 -1em;color:#586E75;border-right:2px solid #c5d0e3;text-align:right;min-width:35px;}
pre .line-number span{display:block;position:relative;padding:0 .5em 0 1em;}
pre .line-number span:nth-child(even){background-color:#FAFAFA;}
pre .line-number span em{position:absolute;bottom:-1px;left:100%;background-color:orange;padding:0 2px 1px 2px;border:1px solid black;font-style:normal;color:black;display:none;}
pre .line-number span:hover em{display:block;}
pre .line-number span:target a{display:block;color:white;position:relative;background-color:#268bd2;margin:0 -.5em 0 -1em;padding:0 .5em 0 0;}
pre.numbered code span{line-height:12px;}
pre[data-codetype="HTML"] .line-number span:target a{background-color:#4584BE;}
pre[data-codetype="CSS"] .line-number span:target a{background-color:#5DA028;}
pre[data-codetype="JavaScript"] .line-number span:target a{background-color:#bbbbbb;}
pre[data-codetype="JQuery"] .line-number span:target a{background-color:#7073CF;}
pre[data-codetype="JQuery UI"] .line-number span:target a{background-color:#E36B23;}
pre[data-codetype="XML"] .line-number span:target a{background-color:#C44032;}
pre[data-codetype="PHP"] .line-number span:target a{background-color:#FF9900;}
pre[data-codetype*="+"] .line-number span:target a{background-color:#B58900;}
pre code mark {background: white;}
pre[data-codetype]:before {content:attr(data-codetype);display:block;position:static;top:0;right:0;left:0;background-color:#666;padding:0 7px;margin:0 -3px;font:bold 11px/20px Arial,Sans-Serif;color:white;}
pre[data-codetype="HTML"]:before {background-color:#4584BE;}
pre[data-codetype="CSS"]:before {background-color:#5DA028;}
pre[data-codetype="JavaScript"]:before {background-color:#545448;}
pre[data-codetype="JQuery"]:before {background-color:#7073CF;}
pre[data-codetype="JQuery UI"]:before {background-color:#E36B23;}
pre[data-codetype="PHP"]:before {background-color:#FF9900;}
pre[data-codetype="XML"]:before {background-color:#C44032;}
pre[data-codetype*="+"]:before {background-color:#0B7E88;}
code,pre{padding:0 3px 2px;font-family:Monaco, Menlo, Consolas, "Courier New", monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
code,i[rel="code"]{overflow:auto;max-height:200px;padding:2px 4px;color:#d14;white-space:nowrap;background-color:#f7f7f9;border:1px solid #e1e1e8;-webkit-user-select:text;-moz-user-select:-moz-text;-moz-user-select:text;-khtml-user-select:text;-ms-user-select:text;user-select:text;}
i[rel="code"]{display:block;} 

/* Button View A Demo KT */
.button{font:15px Calibri,Arial,sans-serif;text-shadow:1px 1px 0 rgba(255,255,255,0.4);text decoration:none!important;white-space:nowrap;display:inline-block;vertical-align:baseline;position:relative;cursor:pointer;background-repeat:no-repeat;padding:10px 18px}
.button:active{bottom:-1px}
.button.big{font-size:30px}
.button.medium{font-size:18px}
.button.small{font-size:12px}
.button.rounded{border-radius:3em}
.blue.button{color: #FFFFFF !important;border: 1.5px solid #1B7942 !important;background-color: #2ecc71;   }
.blue.button:hover{background-color: #1B7942;}

/* label By: Abdul Rohman - http://www.mdf-blog.blogspot.com */
.label-size {margin:0 2px 2px 0;padding:3px;text-transform:uppercase;opacity:1.0;box-shadow:inset 0 0 7px #d6d6d6;text-shadow:0 1px 0 #fff;float:left;text-decoration:none;}
.label-size:hover {text-decoration:none}
.label-size a,
.label-size a:visited {text-transform:uppercase;float:left;color:#000;text-decoration:none;}
.label-size a:hover {text-decoration:none}
.cloud-label-widget-content {text-align:justify;display:inline-block;}
.Label li {float:left;width:100%;display:block;list-style:none;padding:5px 0;margin:1px 1px 0 0;border-bottom:1px solid #777;}
.Label li a,
.Label li a {text-decoration:none;padding:5px;margin:5px 0;}
.Label li a:hover,
.Label li:hover,
.Label li:hover {transition-duration:0s}
.Label li {transition:all .4s ease-in-out;}
.Label li span {color:#000}
.list-label-widget-content ul {list-style-type:none;margin:5px 0 0;padding-left:0 !important;display:inline-block !important;}
.list-label-widget-content li {display:inline-block}
.Label li span {min-width:50px;font-size:12px;text-align:center;background-color:#999;color:#fff;border-radius:2px;padding:1px 3px;display:block;float:right;margin:1px 5px 0 0;}
.Label li span:hover {background-color:#888;color:#fff;}

/* Quick Search By: DTE - http://www.dte.web.id */
#search-form-feed {width:300px; /* lebar kotak penelusuran */position:relative;margin:0 0 10px;padding:0 0;font:normal normal 11px Arial,Sans-Serif;color:#333;}

#feed-q-input {display:block;width:100%;border:2px solid #bbb;background-color:white;padding:5px 5px;font:normal bold 13px Tahoma,Arial,Sans-Serif;color:#ccc;margin:0 0;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 1px 5px rgba(0,0,0,.2);
  box-shadow:inset 0 1px 5px rgba(0,0,0,.2);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

#feed-q-input:focus {
  border-color:#0D6786;
  color:#333;
  outline:none;
  -webkit-box-shadow:0 0 5px #153E95,0 0 7px #153E95;
  -moz-box-shadow:0 0 5px #153E95,0 0 7px #153E95;
  box-shadow:0 0 5px #153E95,0 0 7px #153E95;
}

#search-result-container {
  width:400px;
  height:300px;
  overflow:auto;
  position:absolute;
  top:100%;
  right:0;
  z-index:999;
  background-color:#E5EDF7;
  border:2px solid white;
  padding:10px 10px 0;
  margin:10px 0 0;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  display:none;
}

#search-result-container mark {
  background-color:yellow;
  color:black;
}

#search-result-container a {
  text-decoration:none;
  color:#0D3E71;
  font-weight:bold;
  font-size:12px;
  display:block;
}

#search-result-container a:hover {
  color:#052748;
}

#search-result-container h4 {
  margin:0 0 10px;
  font:normal bold 12px 'Trebuchet MS',Arial,Sans-Serif;
  color:#B50001;
}

#search-result-container ol {
  background:transparent;
  border:none;
  margin:0 0 10px;
  padding:0 0;
}

#search-result-container li {
  margin:0 0 1px;
  padding:7px 8px;
  list-style:none;
  border:1px solid #B7C1CE;
  background-color:white;
  overflow:hidden;
  word-wrap:break-word;
}

#search-result-container li img {
  display:block;
  float:left;
  margin:0 10px 4px 0;
  border:1px solid #B7C1CE;
  background-color:#F5F5F5;
  padding:2px 2px;
}

#search-result-loader {
  position:absolute;
  top:100%;
  left:5px;
  z-index:999;
  background-color:#0D6786;
  color:white;
  padding:3px 5px;
  margin:-2px 0 0;
  font:normal bold 10px Arial,Sans-Serif;
  -webkit-border-radius:0 0 3px 3px;
  -moz-border-radius:0 0 3px 3px;
  border-radius:0 0 3px 3px;
  display:none;
}

/* Pesan Formulir Komentar */
    #pesan-formulir {
        background:#f5f5f5 url(#)no-repeat bottom right;
        border: 0px solid #ccc;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 0 0 2px #333, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
        font: 12px/1.3em trebuchet ms;
        margin: 10px 10px 10px 0;
        padding: 10px;
        position: relative;
        text-align: justify;
        width: 96%;
    }
    #pesan-formulir:after,#pesan-formulir:before { 
    top: 100%; 
    border: solid transparent; 
    content:" ";
    height: 0; 
    width: 0; 
    position: absolute;  
    } 
    #pesan-formulir:before {
        border-top-color: #333;
        border-width: 15px;
        left: 10%;
        margin-left: -36px;
    }
    #pesan-formulir:after { 
    border-top-color: #ccc;
    border-width: 9px; 
    left: 10%; 
    margin-left: -30px
    }

#box-uing {
background-color: #ddd;border: 1px solid #333;padding: 7px;box-shadow: 0px 0px 3px black inset;
}

/* copyright and social network By: Abdul Rohman - http://www.mdf-blog.blogspot.com */
#kredit-link { background-color:#404040; color:#ddd; border-top: 5px solid #27ae60;  -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-box-shadow:0 2px 5px #888; -webkit-box-shadow:0 2px 5px #888; box-shadow:0 2px 5px #888;text-align:center; height:auto; overflow:hidden; font-size:90%; padding:7px 10px; }
#kredit-link a { color:#fff }
#kredit-link a:hover { color:gold }
#kredit-link .right { float:right; text-align:right; overflow:hidden }
#kredit-link .left { float:left; text-align:left; overflow:hidden }
#bottom-social { background-color:transparent; margin:0 auto; text-align:center; padding:5px; width:100% }
a.soicon { color:#333; margin-right:3px; display:inline-block; height:24px; line-height:24px; padding-left:22px; background-image:url(""); background-repeat:no-repeat; transition:color .4s ease-in-out }
a.soicon:hover { color:#0070b0 }
a.facebookx { background-position:0 -6px }
a.facebookx:hover { background-position:0 -150px }
a.twitterx { background-position:0 -79px }
a.twitterx:hover { background-position:0 -223px }
a.googlex { background-position:0 -43px }
a.googlex:hover { background-position:0 -187px }
a.rssx { background-position:0 -115px }
a.rssx:hover { background-position:0 -259px }

/* Navigation By : MKR - http://mkr-site.blogspot.com
----------------------------------------------- */
#topmenunya ul,
#topmenunya li,
#navinti,
#navinti ul,
#navinti li {
padding:0;
margin:0;
list-style:none;
}
#topmenunya li,
#navinti,
#navinti li {
float:left;
position:relative;
}
#topmenunya li a {
display:block;
line-height:20px;
padding:0 10px;
text-decoration:none;
}
#topmenunya li a:hover {
color:#E2E2E2;
}
#topmenunya li.selected a {
background-color:#2ecc71;
border-radius:3px;
color:#2ecc71;
font-weight:normal;
}
#topmobilenav,
#mobilenav {
background-color:#2ecc71;
}
/* = Middle Nav = */
#nav {
height:50px;
position:relative;
z-index:1;
}
#nav .bgnya {
width:100%;
background-color:#2E2E2E;
height:42px;
position:absolute;
z-index:-1;
bottom:0;
left:0;
border-bottom:4px solid #2ecc71;
-moz-box-shadow:0 1px 6px #2ecc71;
-webkit-box-shadow:0 1px 6px #2ecc71;
box-shadow:0 1px 6px #585858;
}
#navinti a {
text-decoration:none;
line-height:50px;
padding:0 15px;
color:#E6E6E6;
display:block;
-webkit-transition:background-color .4s ease-in-out;
-moz-transition:background-color .4s ease-in-out;
-o-transition:background-color .4s ease-in-out;
-ms-transition:background-color .4s ease-in-out;
transition:background-color .4s ease-in-out;
}
#navinti > li > a {
font:normal normal 90% 'Open Sans', serif ,Sans-serif;
line-height:50px;
text-transform:uppercase;
font-weight:600;
height:50px;
}
#navinti a.homex {
text-indent:-9999px;
padding:0;
width:50px;
background-image:url(http://2.bp.blogspot.com/-QeSf1t2iBOI/UWxMDIUjlbI/AAAAAAAAI9I/02h3nW3FLD4/w25/home.png);
background-position:12px -34px;
background-repeat:no-repeat;
background-color:#2ecc71;
}
#navinti a.homex.current {
background-position:12px 8px;
}
#navinti > li > a.current,
#navinti > li:hover > a {
background-color:#2ecc71;
line-height:50px;
z-index:99;
position:relative;
}
#navinti ul {
position:absolute;
float:none;
z-index:98;
width:170px;
top:100%;
display:none;
}
#navinti ul li {
float:none;
}
#navinti ul a {
color:#fff;
background-color:#2ecc71;
margin:2px 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
height:32px;
line-height:32px;
font-size:85%;
}
#navinti > li {
margin-right:2px;
}
#navinti li:hover > ul.hidden {
display:block;
}
#navinti > li.dgnsub > a {
background-image:url(http://1.bp.blogspot.com/-3up21TyG9gw/UWxMC2CWcrI/AAAAAAAAI9A/YZp0LzStkQY/w20/arrows1.png);
background-repeat:no-repeat;
background-position:100% 13px;
padding:0 22px 0 10px;
}
#navinti > li.dgnsub:hover > a {
background-position:100% -43px;
}
#navinti ul ul {
left:101%;
top:-2px;
}
#navinti ul li.dgnsubsub > a {
background-image:url(http://1.bp.blogspot.com/-3up21TyG9gw/UWxMC2CWcrI/AAAAAAAAI9A/YZp0LzStkQY/w20/arrows1.png);
background-repeat:no-repeat;
background-position:100% -106px;
}
/* = Middle Nav (Responsive) = */
#navinti.small {
position:absolute;
float:none;
left:10px;
right:10px;
top:100%;
padding:5px 10px;
background-color:#2E2E2E;
z-index:99;
border:1px solid #D3D3D3;
border-top:0;
-moz-box-shadow:0 1px 5px #C0C0C0;
-webkit-box-shadow:0 1px 5px #C0C0C0;
box-shadow:0 1px 5px #C0C0C0;
}
#navinti.small li {
float:none;
}
#navinti.small > li > a,
#navinti.small a.homex {
line-height:30px;
height:30px;
display:block;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
text-indent:0;
padding:0 15px;
width:auto;
}
#navinti.small a.homex {
background-image:none;
}
#navinti.small > li > a.current,
#navinti.small > li:hover > a {
line-height:30px;
}
#navinti.small > li.dgnsub > a {
padding:0 15px;
background-position:100% 4px;
}
#navinti.small > li.dgnsub:hover > a,
#navinti.small ul li.dgnsubsub:hover > a {
background-position:100% -53px;
}
#navinti.small ul {
position:static;
width:auto;
}
#navinti.small ul li.dgnsubsub > a {
background-position:100% 4px;
}
#navinti.small ul a {
padding:0 15px 0 25px;
}
#navinti.small ul ul a {
padding:0 15px 0 35px;
}
